<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #data td{
            text-align: center;
        }
    </style>
    <script src="shopDom.js"></script>
</head>
<body>
    <table border="1" cellspacing="0" width="60%">
        <thead>
            <tr><th>商品名</th><th>单价</th><th>数量</th><th>单项总价</th><th>操作</th></tr>
        </thead>
        <tbody id="data">
            <tr><td>汉堡</td><td>5</td><td><input type="text" value="1"></td>
                <td>5</td><td><input type="button" value="移除商品"></td></tr>
            <tr><td>可乐</td><td>3</td><td><input type="text" value="1"></td>
                <td>3</td><td><input type="button" value="移除商品"></td></tr>
            <tr><td>爆米花</td><td>8</td><td><input type="text" value="1"></td>
                <td>8</td><td><input type="button" value="移除商品"></td></tr>
            <tr><td>豆花</td><td>4</td><td><input type="text" value="1"></td>
                <td>4</td><td><input type="button" value="移除商品"></td></tr>
        </tbody>
    </table>
    购物车总价:¥<span id="totalSpan"></span>
</body>
</html>